<template>
	<view>
		 <u-swiper :list="list" indicator indicatorMode="line" circular height="400rpx"></u-swiper>
     <!-- 导航栏 -->
     <view class="nav">
       <view class="nav_item" @click="gettoxx">
         <view class="iconfont icon-renshixuexiao"></view>
         <text>学校概况</text>
       </view>
       <view class="nav_item" @click="gettozs">
         <view class="iconfont icon-zhaoshengkuaixun1"></view>
         <text>招生指南</text>
       </view>
       <view class="nav_item" @click="gettorx">
         <view class="iconfont icon-shuji"></view>
         <text>入学须知</text>
       </view>
       <view class="nav_item" @click="gettojy">
         <view class="iconfont icon-jiuye"></view>
         <text>就业升学</text>
       </view>
     </view>
     
     <!-- 热门专业 -->
     <view class="rm" @click="gettobm">
       <view class="rm_zt">
         <text>热门专业</text>
       </view>
       <view class="rm_list">
         <text>更多</text>
         <u-icon name="arrow-right-double" size="12px" color="#dfdfdf"></u-icon>
       </view>
     </view>
     <view class="zx">
       <view class="zx_tit">最新动态</view>
       <!-- 最新动态 -->
       <view class="zx_list" v-for="(item,index) in navlist" :key="index" @click="gettos(item.path)">
         <image :src="item.img"></image>
         <view class="right">
           <view class="tit">
             {{item.tit}}
           </view>
           <view class="tit_ls">
             {{item.tit1}}
           </view>
           <view class="info">
             {{item.tit2}}
           </view>
         </view>
       </view>
     </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
        list: [
                  'https://img1.imgtp.com/2023/01/08/x4T8drKi.jpg',
                  'https://img1.imgtp.com/2023/01/08/7biWUmzc.jpg',
                  'https://img1.imgtp.com/2023/01/08/1gb8tlGw.jpg',
        ],
        navlist: [
          {
            img: 'https://img1.imgtp.com/2023/01/08/nWNg8xUw.jpg',
            tit: '不必挤高中，中职上大学更...',
            tit1: '据悉，高职院校响应国家号召，3年累计扩招413.3万人，在有效服务“六稳”“六保”...',
            tit2: '就业升学',
            path: '/pages/gz_buy/gz_buy'
          },
          {
            img: 'https://inews.gtimg.com/newsapp_bt/0/14858282520/1000',
            tit: '如果只能上专科，如何选择专...',
            tit1: '有一部分院校，现在大部分专业已经升级为本科，并且可能已经升本多年，...',
            tit2: '就业升学',
            path: '/pages/gz_buy2/gz_buy2'
          },
          {
            img: 'https://img1.imgtp.com/2023/01/08/RgrDKD2Y.png',
            tit: '石河子职业技术学院住宿手续...',
            tit1: '石河子职业技术学院学校的相关部门会集中在一个地点...',
            tit2: '入学须知',
            path: '/pages/gz_buy3/gz_buy3'
          },
          {
            img: 'https://img1.imgtp.com/2023/01/08/Sl7oSBRT.png',
            tit: '石河子职业技术学院入学手续...',
            tit1: '石河子职业技术学院缴学杂费财务处(已通过银行...',
            tit2: '入学须知',
            path: '/pages/gz_buy4/gz_buy4'
          },
          {
            img: 'https://img1.imgtp.com/2023/01/08/IQ1OHNzO.png',
            tit: '学术研究',
            tit1: '学风是大学精神的集中体现，是教书育人的本质要求...',
            tit2: '学校概况',
            path: '/pages/gz_buy5/gz_buy5'
          }
        ]
			}
		},
		onLoad() {

		},
		methods: {
    gettobm(){
     uni.switchTab({
      	url: '/pages/baom/baom'
      });
    },
    gettoxx(){
      uni.navigateTo({
      	url: '/pages/xxgk/xxgk'
      });
    },
    gettozs(){
      uni.navigateTo({
      	url: '/pages/zszn1/zszn1'
      });
    },
    gettorx(){
      uni.navigateTo({
      	url:'/pages/tobble/tobble'
      });
    },
    gettos(url){
      uni.navigateTo({
        url
      });
    },
    gettojy(){
      uni.navigateTo({
        url:'/pages/jy/jy'
      });
    },
    onPullDownRefresh() {
    		setTimeout(function () {
    			uni.stopPullDownRefresh();
    		}, 1000);
    	}
	}
}
</script>

<style lang="scss">
	.nav{
    display: flex;
    .nav_item{
      width: 25%;
      text-align: center;
      view{
        background: #0055ff;
        border-radius: 60rpx;
        width: 120rpx;
        height: 120rpx;
        margin: 10rpx auto;
        line-height: 120rpx;
        font-size: 60rpx;
        color: #fff;
      }
      text{
        font-size: 28rpx;
      }
    }
  }
  .rm{
    padding: 20rpx 30rpx;
    display: flex;
    justify-content: space-between;
    .rm_zt{
      font-size: 35rpx;
      font-weight: bold;
    }
    .rm_list{
      display: flex;
      text{
        font-size: 25rpx;
        line-height: 22px;
        color: #dfdfdf;
      }
    }
  }
  .zx{
    padding: 0 30rpx;
    .zx_tit{
      font-size: 35rpx;
      font-weight: bold;
    }
    .zx_list{
      display: flex;
      margin: 25rpx auto;
      image{
        width: 250rpx;
        min-width: 250rpx;
        height: 150rpx;
        border-radius: 10rpx;
        }
      .right{
        margin-left: 15rpx;
        .tit{
        padding-top: 8rpx;
        font-size:30rpx;
        font-weight: bold;
        }
        .tit_ls{
        padding-top: 8rpx;
        font-size: 23rpx;
        }
        .info{
          text-align: right;
          padding-top: 8rpx;
          font-size: 20rpx;
          color: #dfdfdf;
        }
      }
    }
  }
  
</style>
